<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    
    <style>
        /* 元素选择器 */
        input{
            display: block;     width: 60px; 
            height: 40px;       background-color: rgb(140, 235, 100); 
            color: white;       border: 3px solid green;
            font-size: 22px;   font-family: '隶书';
            line-height: 30px; border-radius: 5px;
        }
        
        /* id选择器 */
        #css01{
            display: block;     width: 60px; 
            height: 40px;       background-color: rgb(140, 235, 100); 
            color: white;       border: 3px solid green;
            font-size: 22px;   font-family: '隶书';
            line-height: 30px; border-radius: 5px;
        }

        /* class选择器 */
        .shapeClass{
            display: block;     width: 60px; 
            height: 40px;
        }
        .colorClass{
            background-color: rgb(140, 235, 100); 
            color: white;       border: 3px solid green;
        }
        .font{
            font-size: 22px;   font-family: '隶书';
            line-height: 30px; 
        }
    </style>
</head>
<body>
    
</body>
</html>